<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</head>

	<body>
		<div class="mui-content">
		   <div class="top_info">
		   		<span>姓名：李四</span>
		   		<span style="float:right;">职位：销售员</span>
		   </div>
		   <div class="option">
		   		<a href="write_data_sales.html"><button type="button" class="mui-btn mui-btn-primary">录入数据</button></a>
		   		<a href="order_salespersion.html"><button type="button" class="mui-btn mui-btn-primary">我的订单</button></a>
		   		<a href="mission_info.html"><button type="button" class="mui-btn mui-btn-primary">提交的任务情况</button></a>
		   		<a href="sales_mission.html"><button type="button" class="mui-btn mui-btn-primary">查看销售任务</button></a>
		   		<a href="order_arrange.html"><button type="button" class="mui-btn mui-btn-primary">上级分配的订单</button></a>
		   		<a href="mission_notice.html" >
		   			<button type="button" style="position: relative;" class="mui-btn mui-btn-primary">
		   				任务进度通知(新增)
		   				<span style="position:absolute;top:10px;right:10px;border-radius: 10px; background: red;width:11px;height:11px;"></span>
		   			</button>	
		   		</a>
		   </div>
		</div>
		<style type="text/css">
			.top_info{
				margin:10px;
				color: dodgerblue;
			}
			
			.option{
				margin-top:10%;
			}
			
			.option button{
				width:70%;
				margin:5% 15%;
				height: 40px;
				font-size: 1.2em;
			}
		</style>
	</body>

</html>